<template>
  <div class="home-container">
    <el-page-header content="微应用 App1 首页" />
    <el-card shadow="hover" class="home-card">
      <p>这是微应用 App1 的首页内容</p>
      <el-button type="primary" @click="goToList">跳转到列表页</el-button>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";
import { ElPageHeader, ElCard, ElButton } from "element-plus";

const router = useRouter();

const goToList = () => {
  router.push("/list"); // 跳转到列表页
};
</script>

<style scoped>
.home-container {
  padding: 20px;
}

.home-card {
  margin-top: 20px;
}
</style>
